Component({
  options: {
    styleIsolation: "apply-shared",
  },
  properties: {
    //用于渲染的 html 字符串
    content: {
      type: String,
      value: "",
    },
    //设置容器的样式
    // white-space: pre-wrap; /* 保留空格和换行符 */
    // white-space: pre-line; /* 保留换行符\n */
    containerStyle: {
      type: String,
      value: `
        font-size: 30rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #4D4D4D;
        line-height: 52rpx;
     `,
    },
    //是否允许外部链接被点击时自动复制
    copyLink: {
      type: Boolean,
      value: true,
    },
    //是否开启图片懒加载
    lazyLoad: {
      type: Boolean,
      value: true,
    },
    //是否允许图片被点击时自动预览
    previewImg: {
      type: Boolean,
      value: true,
    },
    //是否开启文本长按复制
    selectable: {
      type: Boolean,
      value: true,
    },
    //主域名（用于链接拼接）
    domain: {
      type: String,
      value: "",
    },
    //是否保留空格和换行符(\n)
    keepSpaceWrap: {
      type: Boolean,
      value: false,
    },
  },

  data: {
    //设置标签的默认样式
    tagStyle: {
      a: `
        color:#00BE8C;
        padding-right: 26rpx;
        background: url('https://yuanxin-healthy.oss-accelerate.aliyuncs.com/yxwx/imgs/baike-detail-html-search.png') no-repeat calc(100% - 5rpx) 10rpx/16rpx 16rpx;
      `,
      p: `
        padding: 12rpx 0;
        text-indent:2em;
      `,
      img: `
        display:block;
        width: 100%;
        margin: 32rpx 0;
        border-radius: 16rpx;
      `,
    },
  },

  methods: {
    /**
     * 触发时机：dom 树加载完毕时
     */
    onLoad() {
      console.log("onLoad-------------");
    },
    /**
     * 触发时机：图片加载完毕时（不包含懒加载的图片）
     */
    onReady() {
      console.log("onReady-----------");
    },
    /**
     * 触发时机：发生渲染错误时
     */
    onError(err) {
      console.log("发生渲染错误", err);
    },
    /**
     * 触发时机：图片被点击时
     */
    onImgtap(e) {
      const list = e.detail;
      console.log("onImgtap--------------");
    },
    /**
     * 触发时机：链接被点击时
     */
    onLinktap(e) {
      console.log("onLinktap--------------");
    },
    /**
     * 触发时机：音视频播放时
     */
    onPlay() {
      console.log("onPlay--------------");
    },
  },
});
